<html>
	<head>
		<meta charset="utf-8">
		<title>堆糖</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
	</head>
	<body>
		<div class="navigation">
			<div class="container">
				<nav class="navbar navbar-expand-lg navbar-light ">
					<a class="navbar-brand" href="#"><img src="img/tang.png"></a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav"
					 aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarNav">
						<ul class="navbar-nav left">
							<li class="nav-item activ">
								<a class="nav-link" href="#"><span>分类 <img src="img/fen.png"></span></a>
							</li>
							<li class="nav-item" id="dt-search">
								<form action="/search/">
									<input class="ipt" id="kw" autocomplete="off" name="kw" placeholder="搜索感兴趣的内容" type="text">
									<input id="type" name="type" value="feed" type="hidden">
									<button type="submit"></button>
									<div></div>
								</form>
							</li>
						</ul>
						<ul class="right">
							<li class="nav-item-1">
								<a class="nav-link" href="#">注册/登录</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">堆糖生活家</a>
								<!-- <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">堆糖生活家</a> -->
							</li>
						</ul>
					</div>
				</nav>
			</div>
		</div>
		<div class="container tu">
			<img src="img/tu.jpg">
		</div>
		<div class="container banner mt-3 mb-4">
			<div class="bannerl">
				<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
					<div class="carousel-inner">
						<div class="carousel-item active">
							<img src="img/lunbo.jpeg" class="d-block w-103" alt="...">
						</div>
						<div class="carousel-item">
							<img src="img/lunbo1.jpeg" class="d-block w-103" alt="...">
						</div>
					</div>
					<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
						<span class="carousel-control-prev-icon" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
						<span class="carousel-control-next-icon" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>
			<div class="bannerr">
				<h4 class="ml-4 mt-2">社区热点</h4>
				<ul class="ml-4 biao">
					<div class="row">
						<li class=" ml-3 mr-2 mt-2">欧美风</li>
						<li class=" ml-3 mr-2 mt-2">美甲</li>
						<li class=" ml-3 mr-2 mt-2">东宫</li>
						<li class=" ml-3 mr-2 mt-2">张云雷</li>
						<li class=" ml-3 mr-2 mt-2">插画</li>
						<li class=" ml-3 mr-2 mt-2">女生节</li>
						<li class=" ml-3 mr-2 mt-2 mb-2">阿丽塔</li>
						<li class=" ml-3 mr-2 mt-2">猫</li>
					</div>
				</ul>
				<div class="ipt ml-4">

					<a href="#" class="mb-2">
						<span class="label">精选</span>
						<span class="activity">
							招募 ● 少女感养成学院
						</span>
					</a>
					<p></p>
					<a href="#">
						<span class="label">工具</span>
						<span class="activity">堆糖收图小助手</span>
					</a>
				</div>
				<div class="xia  mt-2">
					<img src="img/xia.png">
					<div class="rz ml-3">
						<h6>堆糖，美好生活研究所</h6>
						<p>最佳生活类应用</p>
						<span>立即下载</span>
					</div>
				</div>
			</div>
		</div>
		<div class=" container mian">
			<div class="mian_z">
				<div class="zz">
					<p>每日精选</p>
					<p>关注动态</p>
				</div>
				<div class="zy">
					<!-- 1 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/1.png">
							<div class="fz mt-2 ml-2">
								<h6>堆糖小喇叭</h6>
								<span>热门内容</span>
							</div>
						</div>
						<p class="ml-3">留下壁纸,我们就是朋友!</p>
						<div class="dw ml-3 mb-3">
							<img src="img/1f1.png" class="dwi">
							<div class="la">
								<img src="img/d.png">
								<span>堆糖小喇叭</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>140</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>140</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 2 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/2.1.png">
							<div class="fz mt-2 ml-2">
								<h6>colo彩条屋</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">让观众苦等十年的《夏目友人帐》,到底是什么？</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(10).png" class="dwi">
							<div class="la">
								<img src="img/xiao/41.png">
								<span>colo彩条屋</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>999</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>999</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 3 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/3.1.png">
							<div class="fz mt-2 ml-2">
								<h6>美少女PlNK</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">9.9包邮的宿舍神器,好用死了!连查寝老师都给我要连接!</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(11).png" class="dwi">
							<div class="la">
								<img src="img/xiao/39.png">
								<span>美少女PlNK</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>161</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>765</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 4* -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/4.1.png">
							<div class="fz mt-2 ml-2">
								<h6>ZZGQ</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">有哪些适合摘抄的文艺且悲凉的句子?</p>
						<img src="img/4.png" class="fover ml-3">
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>182</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>274</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 5 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/5.1.png">
							<div class="fz mt-2 ml-2">
								<h6>干脆面炼金术士</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">人生的意义，在于一天比一天活得快乐</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(12).png" class="dwi">
							<div class="la">
								<img src="img/xiao/35.png">
								<span>干脆面炼金术士</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>154</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>104</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 6 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/1.png">
							<div class="fz mt-2 ml-2">
								<h6>堆糖小喇叭</h6>
								<span>主题-谁曾为你动过心呢?</span>
							</div>

						</div>
						<p class="ml-3">你曾为谁动过情</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(13).png" class="dwi">
							<div class="la">
								<img src="img/d.png">
								<span>堆糖小喇叭</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>752</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>001</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 7 *-->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/4.1.png">
							<div class="fz mt-2 ml-2">
								<h6>ZZGQ</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">登上79所高校学生借阅排行榜的九本书。</p>
						<img src="img/7.png" class="fover ml-3">
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>438</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>151</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 8 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/8.1.png">
							<div class="fz mt-2 ml-2">
								<h6>情写风月</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">799风景内侧美化包</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(14).png" class="dwi">
							<div class="la">
								<img src="img/xiao/30.png">
								<span>情写风月</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>455</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>122</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 9* -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/9.1.png">
							<div class="fz mt-2 ml-2">
								<h6>审</h6>
								<span>热门内容</span>
							</div>
						</div>
						<p class="ml-3">火影你们觉得谁帅?留名我去cosplay</p>
						<img src="img/9.png" class="fover ml-3">
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>666</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>666</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 10 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/3.1.png">
							<div class="fz mt-2 ml-2">
								<h6>美少女PlNK酱</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">看我的衣服咋样?要连接不?不给,鹅鹅鹅</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(2).png" class="dwi">
							<div class="la">
								<img src="img/xiao/39.png">
								<span>美少女酱</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>250</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>250</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 11 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/11.1.png">
							<div class="fz mt-2 ml-2">
								<h6>少女感养成学院</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">同桌的你</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(3).png" class="dwi">
							<div class="la">
								<img src="img/xiao/24.png">
								<span>少女感养成学院</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>220</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>002</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 12 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/1.png">
							<div class="fz mt-2 ml-2">
								<h6>堆糖小喇叭</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">我的cp真香</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(4).png" class="dwi">
							<div class="la">
								<img src="img/d.png">
								<span>堆糖小喇叭</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>001</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>002</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 13 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/13.1.png">
							<div class="fz mt-2 ml-2">
								<h6>白日做梦大熊</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">当女生也太容易了</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(5).png" class="dwi">
							<div class="la">
								<img src="img/xiao/21.png">
								<span>白日做梦大熊</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>789</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>951</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 14* -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/4.1.png">
							<div class="fz mt-2 ml-2">
								<h6>ZZQG</h6>
								<span>热门内容</span>
							</div>
						</div>
						<p class="ml-3">有哪些好看 值得回味的爱情电影?</p>
						<img src="img/14.png" class="fover ml-3">
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>562</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>293</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 15 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/15.1.png">
							<div class="fz mt-2 ml-2">
								<h6>Class小助手</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">伴随一生的[少女感],拥有它一点也不难</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(6).png" class="dwi">
							<div class="la">
								<img src="img/xiao/17.png">
								<span>Class小助手</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>123</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>456</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 16 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/16.1.png">
							<div class="fz mt-2 ml-2">
								<h6>飞乐鸟</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">女的千万别看言情小说....因为里面的桥段太沙雕</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(7).png" class="dwi">
							<div class="la">
								<img src="img/xiao/15.png">
								<span>飞乐鸟</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>652</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>065</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 17 -->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/3.1.png">
							<div class="fz mt-2 ml-2">
								<h6>美少女PlNK酱</h6>
								<span>热门内容</span>
							</div>

						</div>
						<p class="ml-3">7个私藏的小公众号APP,实用又有bigger,用过三款算我输!</p>
						<div class="dw ml-3 mb-3">
							<img src="img/09%20(8).png" class="dwi">
							<div class="la">
								<img src="img/xiao/13.png">
								<span>美少女PlNK酱</span>
							</div>
							<div class="wen">
								<img src="img/wen.png">
								<span>文章</span>
							</div>
						</div>
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>542</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>461</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- 18 *-->
					<div class="floor mb-3">
						<div class="fs ml-3">
							<img src="img/4.1.png">
							<div class="fz mt-2 ml-2">
								<h6>ZZGG</h6>
								<span>热门内容</span>
							</div>
						</div>
						<p class="ml-3">中国最全的拨弦类乐器合集 种类十分多 涨姿势了。</p>
						<img src="img/18.png" class="fover ml-3">
						<ul class="fd">
							<li>
								<i class="far fa-thumbs-up"></i>
								<span>130</span>
							</li>
							<li>
								<i class="far fa-star"></i>
								<span>165</span>
							</li>
							<li>
								<i class="fas fa-ellipsis-h"></i>
								<span>更多</span>
							</li>
						</ul>
					</div>
					<!-- *** -->
					<div class="geng mb-5">
						<span>查看更多</span><i class="fas fa-angle-down"></i>
					</div>
				</div>
			</div>
			<div class="mian_y">
				<div class="yone">
					<div class="ones">
						<h5>推荐关注</h5>
						<span>换一批</span>
					</div>
					<ul class="zhu">
						<li class="guai mb-3">
							<img src="img/13.1.png">
							<div class="V mt-2 ml-3">
								<h6>一望损莓苔</h6>
								<span>擅长领域:手工,园艺</span>
							</div>
							<button type="button">关注</button>
						</li>
						<li class="guai mb-3">
							<img src="img/15.1.png">
							<div class="V mt-2 ml-3">
								<h6>猫头鹰叔叔</h6>
								<span>擅长领域:摄影</span>
							</div>
							<button type="button">关注</button>
						</li>
						<li class="guai mb-3">
							<img src="img/8.1.png">
							<div class="V mt-2 ml-3">
								<h6>兔纸鱼</h6>
								<span>擅长领域:Q版</span>
							</div>
							<button type="button">关注</button>
						</li>
						<li class="guai mb-2">
							<img src="img/5.1.png">
							<div class="V mt-2 ml-3">
								<h6>小熊奶黄包</h6>
								<span>擅长领域:壁纸,Q版</span>
							</div>
							<button type="button">关注</button>
						</li>
					</ul>
					<div class="duo">
						<span>查看更多</span>
						<i class="fas fa-angle-right"></i>
					</div>
				</div>
				<img src="img/App.jpeg"  class="APP mt-4 mb-4">
			</div>
		</div>
		<div class="footer">
			<div class="container foo">
				<div class="fooz mr-5">
					<p>App下载</p>
					<img src="img/d1.png" >
					<p>扫描二维码</p>
					<p>下载堆糖手机客户端</p>
				</div>
				<ul class="fooy ml-5">
					<div class="row">
					<li class="li col-4">
						<ul>
							<p>关于我们</p>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">加入我们</a></li>
							<li><a href="#">联系我们</a></li>
							<li><a href="#">商务合作</a></li>
						</ul>
					</li>
					<li class="li col-4">
						<ul>
							<p>关注我们</p>
							<li><a href="#">新浪微博</a></li>
							<li><a href="#">微信公众号</a></li>
						</ul>
					</li>
					<li class="li col-4">
						<div class="sp">
							<p>友情链接</p>
							<span class="z"><a href="#">爱物网</a></span><span class="y"><a href="#">东方女性网</a></span>
							<br>
							<span class="z"><a href="#">肉丁网</a></span><span class="y"><a href="#">更多..</a></span>
						</div>
					</li>
					</div>
				</ul>
			</div>
			<div class="dzi">
				<p><span>©2019 duitang.com 版权所有。<a href="#">沪ICP备10038086号-3</a></span><img src="img/d2.png" ><img src="img/d3.png" >|<span>增值电信业务经营许可证：沪B2-20180610 <a href="#">自营经营者信息</a></span></p>
				<p><img src="img/d4.png" ><span><a href="#">上海市互联网违法和不良信息举报中心</a></span>|<span>有害内容举报电话：021-63462282</span></p>
			</div>
		</div>
		<div id="ding">
			<img src="img/ding.png" >
		</div>
		<script src="script.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>
</html>
